/*
 *  Copyright 2013 Th. K. Walter, Nürnberg.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */


/* ****************************************************************************************************************** */
/* Formatierungsangaben für die Seite                                                                                 */
/* ****************************************************************************************************************** */

* { 
  margin: 0; 
  padding: 0; 
  }
   
#page
   {
   width: 900px;
   min-height: 600px;
   
   border-top: solid 5px #009900;
   border-left: solid 5px #009900;
   border-right: solid 5px #009900;
   
   margin: 20px auto;
   
   font-family: Georgia,'Times New Roman',serif;
   font-size: 16px;
   }  
   
/* ****************************************************************************************************************** */
/* Formatierungsangaben für den Seitenkopf                                                                            */
/* ****************************************************************************************************************** */
   
#kopf
   {
   height: 50px;
   
   background-color: #00cc00;
   }
   
a.titellink
   {
   padding-left: 20px;
   
   color: #ffffff;
   font-size: 30px;
   line-height: 50px;
   text-decoration: none;
   }  
   
/* ****************************************************************************************************************** */
/* Formatierungsangaben für die Menüleiste                                                                            */
/* ****************************************************************************************************************** */
   
#menue
   {
   height: 25px;
   line-height: 25px;
   
   padding-left: 20px;
   
   background-color: #009900;
   }
   
/* ****************************************************************************************************************** */
/* Formatierungsangaben für den Inhaltsbereich                                                                        */
/* ****************************************************************************************************************** */

#inhalt
   {
   min-height: 480px;
   
   padding: 20px 20px 0px 20px;
   
   overflow: auto;
   }
   
.eingabe
   {
   width: 860px;
   border-collapse: collapse;
   border-spacing: 0px;
   }
   
.eingabe-column-0
   {
   width: 570px;
   padding-right: 10px
   }
   
.eingabe-column-1
   {
   width: 280px;
   }
   
#eingabehilfe
   {
   height: 206px;
   }
   
#eingabehilfe-beispiel
   {
   font-family: 'Courier New', monospace;
   font-size: 14px;
   }
   
.eingabefeld
   {
   width: 278px;
   height: 200px;
   
   font-family: 'Courier New', monospace;
   font-size: 14px;

   resize: none; 
   }
      
.grafik-ortskurve
   {
   width: 550px;
   height: 275px;
   
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 9px;
   
   border: solid 1px #000000;
   }
     
.eingerueckte-aufzaehlung
   {
   margin-left: 20px;
   }
   
.textlink
   {
   color: #00cc00;
   text-decoration: none;
   }
   
.letztes-element
   {
   margin-bottom: 20px;
   }
 
/* ****************************************************************************************************************** */
/* Formatierungsangaben für Formulare                                                                                 */
/* ****************************************************************************************************************** */ 

.table-3-spalten-zwei
   {
   width: 860px;
   border-collapse: collapse;
   margin-top: 10px;
   }

.table-3-spalten
   {
   width: 860px;
   border-collapse: collapse;
   }
   
.eingabe-3-spalten
   {
   padding: 3px;
   background-color: #66ff66;
   width: 114px;
   text-align: right;
   }
   
.eingabe-3-spalten-blau
   {
   padding: 3px;
   background-color: #6699cc;
   width: 114px;
   text-align: right;
   }
   
.platzhalter-3-spalten
   {
   padding-left: 10px;
   }
   
.text-3-spalten
   {
   padding: 3px;
   background-color: #66ff66;
   width: 154px;
   }
   
.text-3-spalten-blau
   {
   padding: 3px;
   background-color: #6699cc;
   width: 154px;
   }
   
.eingabe-3-spalten-empty
   {
   padding: 3px;
   background-color: #ffffff;
   width: 114px;
   text-align: right;
   }
   
.text-3-spalten-empty
   {
   padding: 3px;
   background-color: #ffffff;
   width: 154px;
   }
   
.radio-button-group
   {
   float: right;
   }
   
.radio-button-group td
   {
   text-align: left;
   }
   
.radio-button-group label
   {
   margin-left: 5px;
   }
 
/* ****************************************************************************************************************** */
/* Formatierungsangaben für die Fusszeile                                                                             */
/* ****************************************************************************************************************** */ 
   
#fusszeile
   {
   height: 25px;
   line-height: 25px;
   
   padding-left: 20px;
   padding-right: 20px;
   
   background-color: #009900;
   }
   
span.copyright
   {
   font-family: Georgia,'Times New Roman',serif;
   color: #ffffff;
   float: right;
   }
   
/* ****************************************************************************************************************** */
/* Formatierungsangaben für die Fehlerseite                                                                           */
/* ****************************************************************************************************************** */

#ueberschrift-fehlerseite
   {
   color: #ff0000;
   }
   
.stacktrace
   {
   font-size: 12px;
   }
   
/* ****************************************************************************************************************** */
/* Allgemeine Formatierungsangaben                                                                                    */
/* ****************************************************************************************************************** */

/* --- Klasse für einen Link in einer Liste von Links --------------------------------------------------------------- */
.linkliste-link
   {
   padding-right: 20px;
   
   color: #ffffff;
   text-decoration: none;
   }
   
/** --- Klasse für Listenelemente in einer Linkliste ---------------------------------------------------------------- */
.linkliste-eintrag
   {
   list-style: none;
   display: inline;
   }
   
.zentriertes-bild
   {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

.zeiger
   {
   text-decoration: underline;
   }
   
.knopfzeile
   {
   width: 860px;
   
   margin-top: 20px;
   margin-bottom: 20px;
   }
   
.knopf
   {
   float: right;
   
   font-family: Georgia,'Times New Roman',serif;
   font-size: 16px;
   
   width: 180px;
   }
   
.zahl
   {
   font-family: 'Courier New', monospace;
   font-size: 14px
   }
   
.hilfe
   {
   font-size: 12px;
   cursor: pointer;
   color: #00cc00;
   }
   
.letztes-element-seite
   {
   margin-bottom: 20px;
   }
   
/* ****************************************************************************************************************** */
/* Nachrichten                                                                                                        */
/* ****************************************************************************************************************** */

.nachrichten
   {
   margin-bottom: 20px;
   
   border-width: 2px;
   border-color: #ff0000;
   border-style: solid;
   
   padding: 10px;
   
   color: #ff0000;
   }

.error-messages
   {
   list-style-position: inside;
   }
   
/* ****************************************************************************************************************** */
/* Formatierungen für HTML-Elemente                                                                                   */
/* ****************************************************************************************************************** */
   
input[type="text"]
   {
   font-family: 'Courier New', monospace;
   font-size: 14px;
   }
   
   sup, sub
{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}

sup { bottom: 1ex; }
sub { top: .5ex; }
   
/* ****************************************************************************************************************** */
/* Formatierungen für PrimeFaces-Elemente                                                                             */
/* ****************************************************************************************************************** */
   
.ui-dialog
   {
   border: solid 3px #009900;
   }
   
.ui-dialog-titlebar
   {
   background: #00cc00;
   }
   
.ui-dialog-title
   {
   color: #ffffff;
   font-family: Georgia,'Times New Roman',serif;
   font-size: 16px;
   
   text-shadow: none;
   }
   
.ui-dialog-content
   {
   font-family: Georgia,'Times New Roman',serif;
   font-size: 16px;
   color: #000000;
   }
   
.ui-dialog-titlebar-close
   {
   color: #000000;
   }
   
   
/* ****************************************************************************************************************** */
/* Tabelle auf der Seite Ersatzschaltbild                                                                             */
/* ****************************************************************************************************************** */
   
.esb-tabelle
   {
   width: 860px;
      

   border-collapse: collapse;
   } 
   
table.esb-tabelle th
   { 
   background-color: #66ff66;
   border: solid 2px #009900;
   }   
   
table.esb-tabelle td
   {
   border: solid 2px #009900;
   text-align: right;
   padding: 3px;
   
   font-family: 'Courier New', monospace;
   font-size: 14px;
   }  
   
.esb-tabelle-column
   {
   width: 286px;
   
   font-family: Georgia,'Times New Roman',serif;
   font-size: 16px;
   font-weight: normal;
   } 
   
.esb-tabelle-column-letzte
   {
   font-family: Georgia,'Times New Roman',serif;
   font-size: 16px;
   font-weight: normal;
   }
   
/* ****************************************************************************************************************** */
/* Formatierungen auf der Seite Ersatzschaltbildberechnung                                                            */
/* ****************************************************************************************************************** */
   
.ersatzschaltbild-ergebnis-tabelle
   {
   width: 860px;
   border-collapse: collapse;
   }   
   
.ersatzschaltbild-ergebnis-tabelle-bild
   {
   width: 570px;
   margin-right: 10px;
   }
   
.ersatzschaltbild-ergebnis-tabelle-text
   {
   width: 280px;
   }
   
/* ****************************************************************************************************************** */
/* Formatierungen für eine einspaltige Tabelle                                                                        */
/* ****************************************************************************************************************** */

.tabelle-1-spalte
   {
   width: 280px;
   border-collapse: collapse;
   }
   
.zeilenabstand
   {
   margin-bottom: 10px;
   }
